<template>
  <Input-Global-Data :value="connectStore">
    <view>
      <router-view />
    </view>
  </Input-Global-Data>
</template>

<script type="text/ecmascript-6">

const InputGlobalData = {
  name: 'InputGlobalData',
  props: {
    value: {
      type: [Array, String, Object, Function, Number, Boolean],
      default: () => ({})
    }
  },

  provide() {
    return {
      connectStore: this.$props
    };
  },
  render() {
    const { $slots } = this;
    return $slots && $slots.default;
  }
};

export default {
  components: {
    InputGlobalData
  },

  data() {
    return {
      connectStore: {
        name: 'cqc'
      }
    };
  }

};
</script>
